<template>
  <div class="app-container">
    <el-tabs tab-position="left" v-model="inventoryType">
      <el-tab-pane label="待运库" name="OPERATIONAL">
        <query-table :inventory-type="inventoryType" />
      </el-tab-pane>
      <el-tab-pane label="自提库" name="SINCE">
        <query-table :inventory-type="inventoryType"/>
      </el-tab-pane>
      <el-tab-pane label="配送库" name="DISPATCHING">
        <query-table :inventory-type="inventoryType"/>
      </el-tab-pane>
      <el-tab-pane label="中转库" name="TRANSFER">
        <query-table :inventory-type="inventoryType"/>
      </el-tab-pane>
      <el-tab-pane label="待提库" name="TOMENTION">
        <query-table :inventory-type="inventoryType"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import QueryTable from "@/views/order/inventory/component/queryTable.vue";

export default {
  name: "InventoryIndex",
  components: {
    QueryTable,
  },
  data() {
    return {
      inventoryType: 'OPERATIONAL',
    };
  }
};
</script>
